<script setup name="People">
import { defineProps } from 'vue';

// 子组件不可以修改 父组件的值

// 1、使用数组的形式
//const props = defineProps(['username'])

// 2、使用 对象的形式
const man = defineProps({
    gender:{
        type: String,
        default: '男'
    },
    username:String,
    age:Number,
    body:{
        height: Number,
        weight: Number
    }
})


</script>

<template>
<div>
    <p>
        用户名：{{ man.username }},
        年龄： {{ man.age }},
        身高：{{man.body.height}},
        体重：{{man.body.weight}}

    </p>
</div>
</template>


<style scoped>
    
</style>